/* You can add global styles to this file, and also import other style files */
/*============后台模板==============background-color:#000032;background-color:#3879D9;background: url(./assets/indexing/icon/bg2.png)100% 100%;*/ 
@import "~@angular/material/prebuilt-themes/indigo-pink.css";


*{margin: 0;padding: 0;}

.time-attribute-plate .info-bottom {
    position: inherit !important;
    margin-left:10px;
}
.cdk-overlay-container{
    z-index: 1060 !important;
}

/* 内文已标引主题词的样式 */
.indexing_a{
    cursor:pointer !important;
}

/* loding */
.loding{    
	display: flex;
    width: 100%;
	height: 100%;
	position: absolute;
    z-index: 1;
	top: 0px;
}
.loding img{
	margin: auto;
}
.loding:after{
	content: '';
	background: url("./assets/indexing/Progress-1s-200px.gif") no-repeat scroll center center;
	width: 100%;
}
/* loding end */

/* loding1 */
.loding_context{    
	display: flex;
    width: 100%;
	height: 100%;
	position: absolute;
    z-index: 9999;
    top: 0px;
    background-color: rgba(155, 148, 155, 0.22);
}
.loding_context img{
	margin: auto;
}
.loding_context:after{
	content: '';
	background: url("./assets/login/loginlod2.gif") no-repeat scroll center center;
	width: 100%;
}
/* loding1 end */

/********************************************************* zs ************************************************/
scrollbarbutton {
	width: 0px;height: 0px;
}
/* 默认 */
::scrollbar{width: 6px;height: 6px}
/* 默认 end */

/* 谷歌 */
::-webkit-scrollbar {width: 6px;height: 6px;}
::-webkit-scrollbar-thumb {
	/* background:rgba(96,131,150,0.9); */
	background: #999;
	border-radius: 6px;}
::-webkit-scrollbar-button {height: 1px;width: 1px;}
.left-main::-webkit-scrollbar {width: .0000001px;}
/* 谷歌 end */
iframe{
    
}
scrollbarbutton {
	width: 0px;height: 0px;
}
/* 默认 */
.left-internal-content::scrollbar{width: 6px;height: 6px}
/* 默认 end */

/* 谷歌 */
.left-internal-content::-webkit-scrollbar {width: 6px;height: 6px;}
.left-internal-content::-webkit-scrollbar-thumb {
	/* background:rgba(96,131,150,0.9); */
	background: #999;
	border-radius: 6px;}
.left-internal-content::-webkit-scrollbar-button {height: 1px;width: 1px;}
.left-internal-content::-webkit-scrollbar {width: .0000001px;}
/* 谷歌 end */
/*宽度比例*/
.w10 {
	width: 10%;
}
.w11 {
	width: 11%;
}
.w12 {
	width: 12%;
}
.w13 {
	width: 13%;
}
.w14 {
	width: 14%;
}

.w20 {
	width: 20%;
}

.w30 {
	width: 30%;
}

.w40 {
	width: 40%;
}

.w50 {
	width: 50%;
}

.w60 {
	width: 60%;
}

.w70 {
	width: 70%;
}

.w80 {
	width: 80%;
}

.w90 {
	width: 90%;
}

.w2 {
	width: 2%;
}
.w3 {
	width: 3%;
}

.w4 {
	width: 4%;
}

.w5 {
	width: 5%;
}
.w6{
	width: 6%;
}
.w7{
	width: 7%;
}
.w8{
	width: 8%;
}
.w9{
	width: 9%;
}

.w15 {
	width: 15%;
}

.w25 {
	width: 25%;
}

.w35 {
	width: 35%;
}

.w33 {
	width: 33.333%;
}

.w45 {
	width: 45%;
}

.w55 {
	width: 55%;
}

.w65 {
	width: 65%;
}

.w75 {
	width: 75%;
}

.w85 {
	width: 85%;
}

.w95 {
	width: 95%;
}
.wh50 {
    width: 50px;
    text-align: center;
}
.wh12{
	width: 12%;
}
.left-main {
	position: fixed;
	top: 150px;
	bottom: 15px;
	left: 15px;
	background-color: #fff;
	z-index: 100;
	width: 250px;
	box-shadow: 0px 0px 5px 1px #666;
}
.left-main.left-full {
	width: 250px;
	display: block;

}

.left-main.left-off {
	width: 250px;
	left: -250px;
	display: block;

}

.animate-time {
    transition: all 200ms cubic-bezier(0.250, 0.100, 0.350, 1.005);
}
.right-product {
    position: absolute;
    top: 150px;
    bottom: 15px;
    right: 15px;
    left: 235px;
    padding: 0px 20px;
    /* background: #648692; */
    background: url(./assets/indexing/centerBg.png) repeat;
}
.right-product.right-full, .tree-contain.right-full {
    left: 280px;
}
.right-product.right-off, .tree-contain.right-off {
    left: 15px !important;
}
.shrink-from {
    position: absolute;
    width: 30px;
    height: 30px;
    right: -15px;
    z-index: 99999;
    top: calc(50% - 15px);
}
.shrink-from.closec {
    right: -30px;
}
.right-img, .shrink-from.closec .left-img {
    display: none;
}
.shrink-from.closec .right-img {
    display: block;
}
.right-product .button-group {
    /* background: #fff; */
    padding: 15px;
    margin-bottom: 15px;
    padding: 20px 0px 12px;
    /* box-shadow: 0px 1px 5px 0px #666; */
    overflow: hidden;
    min-height: 64px;
}

tfoot .pagination {
    margin: 0px;
}
.my-pagination {
    overflow: hidden;
    height: 56px;
}
.my-pagination .my-pagination-left {
    float: left;
	margin-left: 5px;
	margin: 15px 0px;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 15px 0;
    border-radius: 4px;
}
.my-pagination .pagination {
    float: right;
}
.pagination > li {
	display: inline;
	float: left;
}
.my-pagination .pagination li a {
    margin: 0px 2px;
    height: 36px;
    text-align: center;
    padding: 0px 15px;
    line-height: 35px;
    font-size: 14px;
    border-radius: 4px;
}
.pagination-sm{
	float: right;
}
.pagination-sm .page-item:last-child .page-link{
    margin-right: 0px;
}

.my-pagination .pagination-seach {
    width: 57px !important;
    border: 1px solid #6D8D98;
    height: 26px;
    margin: 0px 4px;
    border-radius: 4px;
    color: #333;
    padding: 0px 4px;
    margin-top: 3px;
}
.sBox{
	padding: 3px;
}
.sBox-top{
	height: 35px;
    line-height: 35px;
    width: 100%;
    background: #5F92AD;
    padding-left: 13px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}
.right-product .container-fluid {
    position: absolute;
    bottom: 0;
    top: 60px;
    height: calc(100% - 60px);
    padding: 0;
    left: 0;
    right: 0;
    padding: 0px 20px;
}
.right-product .contain {
    border-top: none;
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}
.right-product .contain .table-margin {
    margin-top: 0;
    padding-top: 0;
    height: 100%;
}
.info-center {
    height: calc(100% - 65px);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    overflow: hidden;
}
.table-body {
    height: calc(100% - 39px);
    overflow-y: auto;
}
.table-bordered{
    border: none;
}
.table-bordered thead th, .table-bordered thead td {
    border-bottom-width: 0px;
}
.background-input table .form-control {
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow:none;
}
.background-input table .form-control.select-style{
    border: 1px solid rgba(0,0,0,0.1);
    padding: 2px;
}
.background-input table .form-control:active, .background-input table .form-control:focus {
    border: 1px solid #a5bbc8;
    transition: all .3s ease-in;
    color: #52849d;
}
.right-product .container-fluid.periodical{
	height: calc(100% - 100px);
    top: 100px;
}
.shrink-from.open{background: none;}
img.down{transform: rotate(180deg);}
img.up{transform: rotate(0deg);}
.opensearcha{color: #3C6174;cursor: pointer;}

.left-max-w {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/********************************************************* zs ************************************************/

/********************************************************* common ************************************************/
*{margin: 0px;padding: 0px;}
html,body{width: 100%;height: 100%;min-width: 1160px;font-family: "微软雅黑";background: #528199;font-size: 14px;}
.container-fluid, .row, p,.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto{ margin: 0; padding: 0;}
input, button{ font-family: arial;}
input[type="checkbox"]{width: 14px;height: 14px;vertical-align: middle;}
.container-fluid{ height: 100%;}

/*header style*/
.headerBg{ width: 100%; height: 135px; background: url(./assets/indexing/titleBg01.png) repeat-x;}
.header-title{}
.navLogo p{ width: 100%; height: 26px; line-height: 26px; color: #8aadbf; font-size: 12px; padding-left: 18px;}
.bodyBg{  background: #528199;}
.navBox{ width: 100%; height: 100px;}
.logoBox{ width: 175px; height: 38px; margin: 16px 0 0 20px;}
.logoBox img{ width: 100%; height: 100%;}
.navTxt ul li{font-size: 14px; margin-left: 5px; margin-top: 45px;  cursor:pointer;position: relative;}
.navTxt ul li a{display: inline-block;  height: 40px; line-height: 40px; padding: 0 16px; color: #e6f6fe; text-decoration:none; vertical-align: middle; border: 1px solid transparent;border-radius: 8px; font-size: 15px;}
.navTxt ul li img{ padding-right:5px; vertical-align: text-bottom;margin-top: -4px;}
.navTxt ul li .active{ background: #3d5e6e; border: 1px solid #5e899d; border-radius: 8px;}
.navLogo{width: 250px;max-width: 250px;}
.navUser{ height: 40px; line-height: 40px; margin-top: 45px; text-align: right;    width: 240px;max-width: 240px;}
.navTxt{width: calc(100% - 490px);max-width: calc(100% - 490px);}
.navUser span{ display: inline-block; margin-right: 10px; max-width: 200px; overflow: hidden;color: #fff;}
.navUser span a{ color: #e6f6fe; font-size: 14px;}
.tabTxt{ width: 100%; height: 35px; padding: 0; margin: 0;}
.myTab{ width: 100%; height: 35px; padding: 8px 18px 0px 18px; box-sizing: border-box;}
.myTab li{ margin: 0 4px;position: relative;}
.myTab li a{ position: relative; display: inline-block; height: 27px; line-height: 27px;  padding: 0 20px 0 12px;background: #375666; color: #87aebd; font-size: 12px; cursor: pointer; text-decoration:none; border-radius: 5px 5px 0 0;}
.myTab li .active{background: #5d90a9; color: #fff;}
.myTab li .active:hover{background: #5d90a9;}
.myTab li img{ width: 9px; height: 9px; position: absolute; top: 4px; right: 5px;cursor: pointer;}
.navTxt ul li .eject{position: absolute;z-index: 99;width: 100%;border: 1px solid rgba(0,0,0,0.1);}
.navTxt ul li .eject-ul{background: #2e5d74;border: 1px solid rgba(255,255,255,0.2);}
.navTxt ul li .eject-ul li{margin: 0px;list-style: none;text-align: center; padding: 5px 0px;color: rgba(255,255,255,0.6);border-bottom: 1px solid rgba(0,0,0,0.2);border-top: 1px solid rgba(255,255,255,0.1);}
.navTxt ul li .eject-ul li.active{border-radius: 0px;color: rgba(255,255,255,1);border: none;background: transparent;border-top: 1px solid rgba(255,255,255,0.1);}
.navTxt ul li .eject-ul li:first-child.active{border-bottom: 1px solid rgba(0,0,0,0.2);}
.navTxt ul li .eject-ul li:first-child{border-top:none;}
.navTxt ul li .eject-ul li:last-child{border-bottom: none;}
.panel .navContent a{ cursor: pointer; border-left: 4px solid transparent;  height: 35px;line-height: 35px;padding-left: 11px;font-size: 14px;list-style: none;text-align: left;width: 100%;}
.panel .navContent a:hover{border-left: 4px solid #749AB2 !important;text-decoration: initial;color: initial;}
/* background: #99B4C4; */
.panel .navContent a:focus{outline: none;}
.panel .navContent a.active{background-color: #99B4C4;border-left: 4px solid #749AB2;color: #fff;}
/*content style*/
.contentBox{ width: 100%; height: calc(100% - 135px); box-sizing: border-box; padding:15px; overflow-y: auto;}
.containerBox{ width: 100%; height: auto; padding:18px; background: url(./assets/indexing/centerBg.png) repeat; box-shadow: 0 10px 10px #3a5c6d;}
.bgTaskTxt{ color: #518199; text-decoration: underline; cursor: pointer;}
.bgTaskTxt01{ padding-left: 15px;}

/*btn style*/
.txtTitle{ margin-bottom: 12px;}
.input_style{ vertical-align: middle; width: 280px; height: 30px; box-sizing: border-box; border: 1px solid #648693; display: inline-block; border-radius: 5px 0 0 5px; padding-left: 10px;font-size: 15px;}
.select-style{ vertical-align: middle; width: 100px; height: 30px !important; line-height: 30px !important; font-size: 14px !important; box-sizing: border-box; border: 1px solid #648693; display: inline-block; border-radius: 5px; padding: 0; margin-right: 8px;}
.btn-info{ vertical-align: middle; height: 30px; line-height: 30px; box-sizing: border-box; padding: 0 12px; margin-right: 8px; color: #fff; font-size: 14px; border-radius: 5px;}
.btn-search{ height: 30px; line-height: 30px; box-sizing: border-box; padding: 0 12px; margin-right: 8px; color: #fff; font-size: 14px; border-radius:0 5px 5px 0; vertical-align: middle;}
.btn-blue{ background: #5f92ad; border: 1px solid #518199; }
.btn-green{ background: #32b16c; border: 1px solid #009944; }
.btn-orange{ background: #f39800; border: 1px solid #ac6a00;}
.btn-red{ background: #d04949; border: 1px solid #a40035;}


/*table  Style*/
.tableStyle thead tr{ background: #5f92ad !important; color: #fff; height: 35px !important; font-size: 14px;font-weight: bold;}
.tableStyle thead tr td{color: #fff !important}
.table th, .table td{ border-top: none; height: 35px !important; font-size: 14px; padding: 8px;}
.table td{ color: #333333 !important;}
.pagination{ float: right; box-sizing: border-box; padding-right: 18px;}
.page-link{ color: #666; margin: 0 2px; border-radius: 4px;}
.page-item.active .page-link{ background: #55849e; border: none !important; color: #fff;}
.table-striped tbody tr:nth-of-type(odd){ background: url(./assets/indexing/tableBg01.png) repeat;}
.table-striped tbody tr:nth-of-type(even){ background: url(./assets/indexing/tableBg02.png) repeat;}
.table-hover tbody tr:hover{ background-color: #dae3e8;}
.fixed-table-container thead th:first-child:not([data-not-first-th]){ border-radius: 0;}
.bootstrap-table .table{ border-bottom: none;}
thead th, tbody td{border: none !important;}

.EnableColor{ color: #32b16c;}
.DisableColor{ color: #eb0505;}
.TC-state { padding: 0px 6px; font-size: 14px; color: #fff; border-radius: 4px;}
.TC-right-foot-bule{ background: #5ec1dd; border: 1px solid #13b5b1;}
.TC-right-foot-ink{ background: #5f92ad; border: 1px solid #5f92ad;}
.TC-right-foot-green01{background: #32b16c; border: 1px solid #22ac38; }
.TC-right-foot-green02{background: #32b16c; border: 1px solid #32b16c; }
.TC-right-foot-orange{ background: #fbb200; border: 1px solid #fbb200;}




/*window style*/
.modal-header{ border-radius: 0 !important; height: 42px; line-height: 42px;  border: 1px solid #518199; padding: 0 10px 0px 15px; background: #518199;}
.modal-title{ color: #fff; font-size: 16px; height: 42px; line-height: 42px; width: 100%;}
.close{ padding: 0 !important; margin: 6px 0 0 auto !important; font-size: 1.8rem;color: #fff;font-weight: 100;  text-shadow: 0 1px 0 rgba(255,255,255,0.3);}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    color: #fff;
    text-decoration: none;
    opacity: .75;
}
.modal-body{ background: url(./assets/indexing/winBg.png) repeat; border: 1px solid #518199; border-top: none; border-bottom: none; padding: 20px 0 1px 0;}
.modal-footer{ padding: 0; height: 65px; background: url(./assets/indexing/winBg.png) repeat; border: 1px solid #518199; border-top: none; text-align: center !important; display: inline-block; box-sizing: border-box; padding-top: 15px;}
.btn-primary{ background: #5f92ad; border: 1px solid #5889a2; height: 30px; line-height: 30px; padding: 0 24px; color: #fff; font-size: 14px;}
.btn-default{ background: #fff; border: 1px solid #8ea7b4; height: 30px; line-height: 30px; padding: 0 24px; color: #518098; font-size: 14px;}
.open{background: url("./assets/indexing/open.png") no-repeat;display: inline-block;height: 16px;background-size: 100%;background-position-y:3px}
.open_file{background: url("./assets/indexing/open_file.png") no-repeat;display: inline-block;height: 16px;background-size: 100%;background-position-y:3px}
.btn-primary:hover{
    border-color: #518098;
    background-color: #518098;
}
.btn-primary.disabled, .btn-primary:disabled{
    background-color: #518098;
    border-color: #518098;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{
    color: #fff;
    background-color: #518098;
    border-color: #518098;
}
.btn-info:hover {
    color: #fff;
}
.btn-info.disabled, .btn-info:disabled{
    border-color: initial;
}
button.close:focus{
    outline:none;
}

.btn.mat-button, .btn.mat-flat-button, .btn.mat-icon-button, .btn.mat-stroked-button{
    line-height: 31px !important;
    min-width: 0px !important;
}
.btn.btn-default.mat-raised-button,
.btn.btn-primary.mat-button{
    line-height: 30px;
    min-width: 100px !important;
}
.btn.btn-default.mat-raised-button{
    background: #ffffff;
}
.roleby-frame .center button{
    padding: 0;
    border: none;
    cursor: pointer;
    margin-bottom: 10px;
    background: #fff;
    border: 2px solid #518999;
    box-shadow: 1px 1px 0px #ccc;
    border-radius: 4px;
}
.details-p{
    line-height: 30px;
    text-align: left;
}
.roleby-frame .center button[disabled]{
    background: rgba(255,255,255,0.5);
    cursor: default;
    border: none;
    box-shadow: none;
    border-radius:0px;
}
.btn-i.border-none {
    border: none;
}
.btn-i, .btn-i-auto {
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    margin-right: 5px;
    cursor: pointer;
    background-image: linear-gradient(180deg,#e9e9e7,#fff);
}
.btn-i {
    width: 25px;
    transition: all .2s cubic-bezier(.25,.1,.35,1.005);
}
.btn-i-auto {
    line-height: 24px;
    padding: 0 6px;
    font-size: 14px;
}
.btn-i-auto:hover, .btn-i:hover {
    /* border: 1px solid #8c8c8c; */
    border: 1px solid #70a8c6;
    box-shadow: 0px 0px 5px 0px #55849e;
}
.table tbody tr td img {
    transition: all .2s ease-out;
}
.btn-i img {
    margin: auto;
}
.roleby-frame .center button:last-child{
    margin-bottom: 0px;
}
.navTxt ul li a.mat-button{
    border-radius: 8px;
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25);
}
.btn{
    height: 30px;
    line-height: 30px;
    margin-right: 8px !important;
    font-size: 14px;
    color: #fff;
    padding: 0px 20px !important;
    border-radius: 0.25rem !important;
}
form,
.bg-model{
    width: 100%;
}
.btn.btn-search{
    border-radius: 0 5px 5px 0 !important;
}
button[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-primary[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
    color: rgba(255,255,255,0.8);
}
.btn.btn-default{
    color: #333;
}
.mat-button, .mat-flat-button, .mat-icon-button, .mat-stroked-button{
    
}
.max-w{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 10px;
}
.right-plate{
    position: absolute;
    right: 20px;
    left: 20px;
    bottom: 15px;
    height: calc(100% - 130px);
    top: 62px;
    /* box-shadow: 0 1px 1px rgba(0,0,0,.1); */
    border: 1px solid rgba(0,0,0,0.1);
    overflow: hidden;
}
.right-plate table thead{
    height: 40px;
}
.right-plate table tbody{
    height: calc(100% - 40px);
    overflow: auto;
}
.info-bottom{
    position: absolute;
    bottom: 10px;
    right: 20px;
    left: 20px;
}
.table-thead{
    height: 40px;
    background: #5f92ad !important;
}
.table-thead.table-thead-scroll{
    padding-right: 7px;
}
.table-thead .tableStyle thead tr{
    height: 40px !important;
    
}
.table-tbody{
    height: calc(100% - 40px);
    overflow: auto;
}
/*window content style*/
.form-control{height: 34px;}
.task-txt-row{ width: 100%; height: 30px; margin-bottom: 10px;}
.task-txt-row label{ float: left; width: 120px;min-width: 120px; height: 30px; line-height: 30px; text-align: right;}
/* .form-control.form-control{ padding:0 ;} */
.addTaskBox{ height: 332px; overflow-y: auto;}
.task-txt-row input{ float: left;     width: calc(100% - 135px); box-sizing: border-box; height: 30px; line-height: 30px; padding-left: 10px; border: 1px solid #6098b5;    
    }
.task-txt-row input.col-lg-8{
    border-bottom-right-radius: 0px;
    border-right: none;
    border-top-right-radius: 0px;
}    
.task-txt-row input.first-fa{
    border: 1px solid #6098b5 !important; 
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}    
.task-txt-row select{ display: inline-block; width: 75%; box-sizing: border-box; height: 30px !important; line-height: 30px; padding-left: 10px; border: 1px solid #6098b5;}
.creator-style{ background:#fff url(./assets/indexing/userIcon.png) center right no-repeat; padding-right: 10px;}
.textarea-style{width: 100%; height: 100px; margin-bottom: 10px; }
.task-txt-row .btn-primary{margin-right: 0px !important;    border-bottom-left-radius: 0px !important;border-top-left-radius: 0px !important;}
.textarea-style label{ float: left; width: 120px;min-width: 120px; height: 30px; line-height: 30px; text-align: right; float: left;}
.textarea-style textarea{ float: left;     width: calc(100% - 135px); height: 80px; box-sizing: border-box; padding-left: 10px; border: 1px solid #6098b5;}



@media (max-width: 1600px) {
.contentBg{ width: 100%; height: auto; padding: 15px; background: url(./assets/indexing/centerBg.png) repeat; box-shadow: 0 10px 10px #3a5c6d;}
.navTxt ul li{font-size: 14px; margin-left: 10px; margin-top: 45px;  cursor:pointer;}
.navTxt ul li a{display: inline-block;  height: 40px; line-height: 40px; padding: 0 12px; color: #e6f6fe; text-decoration:none; vertical-align: middle;}
}


@media (max-width: 1366px) {
.contentBg{ width: 100%; height: auto; padding: 12px; background: url(./assets/indexing/centerBg.png) repeat; box-shadow: 0 10px 10px #3a5c6d;}
.navTxt ul li{font-size: 14px; margin-left: 10px; margin-top: 45px;  cursor:pointer;}
.navTxt ul li a{display: inline-block;  height: 40px; line-height: 40px; padding: 0 12px; color: #e6f6fe; text-decoration:none; vertical-align: middle;}
}


/********************************************************* common ************************************************/

/********************************************************* product ************************************************/
.table{ margin-bottom: 0;}
/*tab  style*/
.txtTabBox{ width: 100%; height: 30px; padding: 0; margin: 0;}
.myTxtTab{ width: 100%; height: 30px; padding:0 18px; box-sizing: border-box;}
.myTxtTab li{ margin: 0 4px;}
.myTxtTab li a{ position: relative; display: inline-block; height: 30px; line-height: 30px;  padding: 0 28px 0 20px; background: #a9c0cc; color: #333; font-size: 14px; cursor: pointer; text-decoration:none; border-radius: 5px 5px 0 0;}
.myTxtTab li .active{ background: url(./assets/indexing/tabBg01.png) repeat-x; color: #333; font-weight: bold;}

/*content style*/
.contentBg{ width: 100%; height: auto; padding: 18px 0 18px 18px; background: url(./assets/indexing/centerBg.png) repeat; box-shadow: 0 10px 10px #3a5c6d;} 
.txtTitle{ height: 30px; width: 100%;}
.txtContent{ width: 100%; }
.TC-listBox .col-md-4{ padding-right: 18px;}
.TC-listTxt{ width: 100%; height: 196px; border: 1px solid #dcdcdc; overflow: hidden;}
.TC-content{ height: 164px; box-sizing: border-box; padding: 6px; background: #fff; position: relative;}
.TC-content-left{width: 100px; height: 152px;  margin: 0 20px 0 25px; float: left; }
.TC-content-left img{ width: 100%; height: 100%; }
.TC-content-right{ width: 320px; height: 152px;float: left;}
.TC-content-right h5{ width: 100%;  height: 28px; line-height: 28px; margin-bottom: 10px; font-size: 18px; color: #333; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.TC-content-right p{width: 100%;  font-size: 14px; color: #333; height: 26px; line-height: 26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.form-check-input{ margin: 2px 0 0 2px; width: 14px; height: 14px; float: left;}
.TC-right-foot{ height: 30px; width: 100%;}
.TC-right-foot span{ padding: 0px 6px; font-size: 14px; color: #fff; border-radius: 4px;}
.TC-color{ color: #528199;}
.TC-bottom{ height:30px ; width: 100%; background: #e8e8e8; text-align: right;}
.TC-bottom p{ height: 30px; line-height: 30px; margin-right: 20px; float: right; cursor: pointer; }
.TC-bottom p img{ vertical-align: text-bottom; padding: 0 2px;}
.TC-bottom p span{ font-size: 14px; color: #333;}


.progress{ background: none; border: 1px solid #a0a0a0; color: #333333;}
.progress-bar{ color: #333333; background: -webkit-linear-gradient(left, #72c79b , #3fa1cf); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #72c79b, #3fa1cf); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #72c79b, #3fa1cf); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #72c79b , #3fa1cf); /* 标准的语法 */}




/*分配任务弹窗*/
.AT-Win-Txt{ height: 420px; overflow-y: auto;}
.AT-Win-Left{ width: 100%; height: 100%;}
.AT-Win-Center{width: 100%; height: 100%; }
.AT-Win-Title{ width: 100% ; height: 35px; text-align: right;}
.AT-Win-Title .btn-search{ margin-right: 0;}
.AT-Win-Bg .table{ border: 1px solid #e5e5e5;}
.AT-Win-Bg .table th{ padding: 8px; height: 35px !important; background: #7ca6bc; color: #fff;}
.AT-Win-Bg .table tbody tr{ height: 79px !important; background: #fff;}
.AT-Bg-Left, .AT-Bg-Right{ float: left;}
.AT-Bg-Left img{ width: 44px; height: 65px; margin-right: 10px;}
.AT-Bg-Right{ padding-top: 8px;}
.AT-Bg-Right p{ width: 80%; font-size: 14px; height: 24px; line-height: 24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.AT-Win-Left{ border: 1px solid #e5e5e5; background: #fff;}
.AT-Win-Left p{ height: 35px; line-height: 35px; background: #7ba5bb; color: #fff; font-size: 14px; font-weight: bold; padding-left: 10px;}
.AT-Win-Left .list-group li{ border: none;}

/*新增成功弹窗*/
.SuccessWinBox{ min-height: 98px;}
.SuccessWinR{ font-size: 14px; color: #333333;}
.SuccessWinR p{ height: 26px; line-height: 26px;}
.SuccessWinR p a{ color: #518199; text-decoration:underline; cursor: pointer;}
/*选人框样式*/
.selectionFrameStyle{ width: 100%; height: 320px;}
.winTableBox{ border: 1px solid #e5e5e5; background: #fff;}
.winTableBox .table th{ background: #7ca5bc; color: #fff;}
.winTableBox .table th, .table td{ padding: 0px 8px; height: 35px !important; border-bottom: 1px dashed #e5e5e5;}

/*分配主题词样式*/
.keyWordBox{ min-height: 200px; max-height: 450px; overflow-y: auto;}
.keyWord-title{ width: 100%; height: 30px; color: #333; font-size: 14px; text-align: left;}
.keyWord-Left, .keyWord-Right{ width: 100%; height: auto; }
.keyWord-Left p, .keyWord-Right p{ height: 35px; line-height: 35px; background: #7ba5bb; color: #fff; font-size: 14px; font-weight: bold; padding-left: 10px;}
.keyWord-Center{ width: 100%; height: auto; padding-top: 110px;}
.keyWord-Center p{ font-size: 14px; color: #333333; text-align: center;}
.keyWord-Left-input{ width: 100%; height: 40px; padding: 5px 0 5px 5px; overflow: hidden; background: #dfe9ef; border: 1px solid #8ea7b4; border-bottom: none; border-top: none;}
.input_style01{ vertical-align: middle; width: 80%; height: 30px; box-sizing: border-box; border: 1px solid #648693; display: inline-block; border-radius: 5px 0 0 5px; padding-left: 10px;}
.keyWord-ul li{ width: 100%; height: 35px; line-height: 35px; border-bottom: 1px dashed #e5e5e5; text-align: center; list-style:none; background: #fff; font-size: 14px; color: #333333;}
.keyWord-ul { border: 1px solid #e5e5e5; border-top: none; }
.keyWord-Match{ color: #999999 !important;}




@media (max-width: 1560px) {
.contentBg{ width: 100%; height: auto; padding: 15px 0 15px 15px; background: url(./assets/indexing/centerBg.png) repeat; box-shadow: 0 10px 10px #3a5c6d;} 
.TC-listBox .col-md-4{ padding-right: 15px;}
.TC-listTxt{ width: 100%; height: 176px; border: 1px solid #dcdcdc; overflow: hidden;}
.TC-content{ height: 146px; box-sizing: border-box; padding: 6px; background: #fff; position: relative;}
.TC-content-left{width: 88px; height: 130px;  margin: 0 20px 0 25px; float: left; }
.TC-content-left img{ width: 100%; height: 100%; }
.TC-content-right{ width: 288px; height: 130px;float: left;}
.TC-content-right h5{ width: 100%;  height: 24px; line-height: 24px; margin-bottom: 10px; font-size: 18px; color: #333; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.TC-content-right p{width: 100%;  font-size: 14px; color: #333; height: 22px; line-height: 22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.form-check-input{ margin: 2px 0 0 2px; width: 14px; height: 14px; position: absolute; top: 0; left: 0;}
.TC-right-foot{ height: 30px; width: 100%;}
.TC-right-foot span{ padding: 0px 6px; font-size: 14px; color: #fff; border-radius: 4px;}
.TC-bottom{ height:30px ; width: 100%; background: #e8e8e8; text-align: right;}
.TC-bottom p{ height: 30px; line-height: 30px; margin-right: 20px; float: right; cursor: pointer; }
.TC-bottom p img{ vertical-align: text-bottom; padding: 0 2px;}
.TC-bottom p span{ font-size: 14px; color: #333;}
}
@media (max-width: 1440px) {
.TC-content-right{ width: 250px; height: 130px;float: left;}
}

@media (max-width: 1366px) {
.contentBg{ width: 100%; height: auto; padding: 12px 0 12px 12px; background: url(./assets/indexing/centerBg.png) repeat; box-shadow: 0 10px 10px #3a5c6d;} 
.TC-listBox .col-md-4{ padding-right: 12px;}
.TC-listTxt{ width: 100%; height: 166px; border: 1px solid #dcdcdc; overflow: hidden;}
.TC-content{ height: 136px; box-sizing: border-box; padding: 6px; background: #fff; position: relative;}
.TC-content-left{width: 82px; height: 124px;  margin: 0 20px 0 25px; float: left; }
.TC-content-left img{ width: 100%; height: 100%; }
.TC-content-right{ width: 242px; height: 128px;float: left;}
.TC-content-right h5{ width: 100%;  height: 24px; line-height: 24px; margin-bottom: 6px; font-size: 16px; color: #333; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.TC-content-right p{width: 100%;  font-size: 12px; color: #333; height: 22px; line-height: 22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.form-check-input{ margin: 2px 0 0 2px; width: 14px; height: 14px; float: left;}
.TC-right-foot{ height: 28px; width: 100%;}
.TC-right-foot span{ padding: 0px 6px; font-size: 12px; color: #fff; border-radius: 4px;}
.TC-bottom{ height:28px ; width: 100%; background: #e8e8e8; text-align: right;}
.TC-bottom p{ height: 28px; line-height: 28px; margin-right: 20px; float: right; cursor: pointer; }
.TC-bottom p img{ vertical-align: text-bottom; padding: 0 2px;}
.TC-bottom p span{ font-size: 12px; color: #333;}
}
@media (max-width: 1280px) {
.TC-content-right{ width: 200px; height: 130px;float: left;}
}
/********************************************************* product ************************************************/

/********************************************************* internal ************************************************/
.table{ margin-bottom: 0;}

.containerBoxPI{ width: 100%; height: 100%; padding:0 0 18px 18px; background: url(./assets/indexing/centerBg.png) repeat; box-shadow: 0 10px 10px #3a5c6d;}
.productLeft{ width: 100%; height: auto; padding-right: 15px; border-right: 1px solid #e1e1e1;}
.pi-hr{ width: 100%; height: 2px; background: #FFFFFF; border-top: 1px solid #d2d2d2;}
.PI-left-title{ margin-top: 18px;}
.PI-left-title-left p{ height: 35px; line-height: 35px; padding-left: 40px; color: #333333; font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.PI-left-title-right{  height: 30px; line-height: 30px; margin-bottom: 10px; text-align: right; padding-right: 40px; cursor: pointer;}
.PI-left-title-right p{font-size: 16px; display: inline-block; color: #5f92ad;}
.PI-left-title-right p span{ vertical-align: middle;}
.PI-left-title-right p img{ width: 22px; height: 20px; vertical-align: middle; margin-right:8px;}
.PI-left-title-a01 span, .PI-left-title-a02 span{ vertical-align: middle;}
.PI-left-title-a01, .PI-left-title-a02{ color: #5f92ad; display: inline-block; font-size: 16px; margin-left: 15px;}
.PI-left-title-a01 img, .PI-left-title-a02 img{ vertical-align:  text-bottom; margin: 0 5px; width: 10px; height: 14px;}
.PI-left-center{ width: 100%; padding: 0px;}
.PI-left-center h3{ width: 100%; height: 60px; line-height: 60px; font-size: 24px; color: #333333; font-weight: normal; text-align: center;}
.PI-left-center p{ font-size: 16px; color: #333333; line-height: 2; text-align: justify; text-indent:2em}
.productRight{ width: 100%; height: auto; border-left: 1px solid #FFFFFF;}
.PI-right-title{ width: 100%; height: 66px; background: url(./assets/indexing/pIBg01.png) repeat;}
.PI-right-title h5{ display: inline-block; height: 66px; line-height: 66px; color: #fff; font-size: 16px; margin: 0 15px 0 10px;}
.PI-right-title-txt{ display: inline-block;  height: 66px; line-height: 66px; }
.PI-right-title-txt label{ color: #fff; font-size: 14px;}
.PI-right-title-txt select{ font-size: 14px; color: #333333;}
.tab1-title-input{height: 30px; line-height: 30px; margin: 18px 0;}
.tab1-title-input label{ font-size: 14px; font-weight: bold; color: #333333; padding-right: 5px;}
.tab1-title-btn{ padding: 10px 0 10px 10px;}
.btn-info01{ vertical-align: middle; height: 30px; line-height: 30px; box-sizing: border-box; padding: 0 8px; margin-right: 5px; color: #fff; font-size: 14px; border-radius: 5px;}
.tab1-center{ padding-left: 15px; background: url(./assets/indexing/PI-right-bg.png) repeat;}
.tab1-title-check01{ height: 38px; line-height: 38px;}
.tab1-title-check01 label{font-size: 14px; font-weight: bold; color: #333333; padding-right: 5px; }
.tab1-title-check01 input{ width: 16px; height: 16px; vertical-align: middle; margin-left: 20px;}
.tab1-title-check01 span{ font-size: 14px; color: #333333; padding-left: 5px;}
.tab1-title-check02{height: 38px; line-height: 38px; text-align: right; font-size: 14px; padding-right: 15px;}
.tab1-table-box{ padding: 0 15px 0px 15px;}
.PI-table-img{ padding-left: 10px; vertical-align: middle;}
.tab1-foot{ text-align: right; padding-right: 15px; padding-bottom: 20px; padding-top: 20px;}

/*tab  style*/
.txtTabBoxPI{ width: 100%; height: 30px; padding: 0; margin: 0; background: url(./assets/indexing/pIBg01.png) repeat;}
.myTxtTabPI{ width: 100%; height: 30px; /*padding:0 10px;*/ box-sizing: border-box;display: -webkit-box;overflow: hidden;}
.myTxtTabPI li{ margin: 0 4px;position: relative;left: 0px;}
.myTxtTabPI li a{ position: relative; display: inline-block; height: 30px; line-height: 30px;  padding: 0 28px 0 20px; background: #a9c0cc; color: #333; font-size: 14px; cursor: pointer; text-decoration:none; border-radius: 5px 5px 0 0;}
.myTxtTabPI li .active{ background: url(./assets/indexing/tabBg01.png) repeat-x; color: #333; font-weight: bold;}
.leftShift{width: 20px;height: 100%;line-height: 30px;background: #a9c0cc;float: left;text-align: center;cursor: pointer;/*padding-right: 5px;*/}
.rightShift{width: 20px;height: 100%;line-height: 30px;background: #a9c0cc;float: right;text-align: center;cursor: pointer;/*padding-left: 5px;*/}
.myTxtTabPIDiv{width: calc(100% - 40px);height: 100%;display: inline-block;padding: 0px 10px;}


/*window style*/
.textarea-style02{width: 100%; height: 260px; margin-bottom: 10px; }
.textarea-style02 label{ display: inline-block; width: 120px; height: 30px; line-height: 30px; text-align: right; float: left;}
.textarea-style02 textarea{ display: inline-block; width: 75%; height: 258px; box-sizing: border-box; padding-left: 10px; border: 1px solid #6098b5;}


/*新增，查看主题词  style*/
.PI-keyWordBox{ max-height: 500px; overflow-y: auto;}
.PI-keyWord-Left{ width: 100%; height: auto; padding-right: 15px;}
.PI-keyWord-Right{ width: 100%; height: auto;}
.PI-keyWord-Right p{ height: 35px; line-height: 35px; background: #7ba5bb; color: #fff; font-size: 14px; font-weight: bold; padding-left: 10px;}
.PI-keyWord-Left p{ height: 35px; line-height: 35px; background: #7ba5bb; color: #fff; font-size: 14px; font-weight: bold; padding-left: 10px;}
.PI-keyWord-Left-input{ width: 100%; height: 40px; padding: 5px 0 5px 5px; overflow: hidden; background: #dfe9ef; border: 1px solid #8ea7b4; border-top: none;}
.input_style01{ vertical-align: middle; width: 78%; height: 30px; box-sizing: border-box; border: 1px solid #648693; display: inline-block; border-radius: 5px 0 0 5px; padding-left: 10px;}
.addKeyWordWin .modal-lg{ max-width: 1000px;}
.PI-keyWord-Right table{ border: 1px solid #e2e2e2;}
.treeviewBox{ width: 100%; border: 1px solid #8ea7b4; border-top: none;height:400px;}
.treeviewBox .treeview{ width: 100%;}
.treeviewBox .list-group li{ width: 100%; border: none;}
.node-selected{ background: #d1dde3 !important; color: #333333 !important;}


/*产品信息  style*/
.PI-keyWordBox{ height: 460px; overflow-y: auto;}
.PI-keyWordBox01{ padding: 0 15px;}
.txtTabBoxPI01{ width: 100%; height: 40px; padding: 10px 0 0 0; margin: 0; background: url(./assets/indexing/pIBg01.png) repeat;}
.Wintab1-txt p{ font-size: 16px; color: #333333; line-height: 2; text-align: justify; text-indent:2em}
.myWinTabContent{ width: 100%; height: auto; background:#fff; padding:15px 15px 20px 15px;}
.PI-keyWordBox02{ margin-top: -15px !important; background: url(./assets/indexing/tabBg01.png) repeat;}
.ProductI-left-box{ padding:0 10px 10px 10px;}
.PI-left-center01{ width: 100%; padding: 0 50px;}
.PI-left-center01 h3{ width: 100%; height: 45px; line-height: 45px; font-size: 24px; color: #333333; font-weight: normal; text-align: center;}
.PI-left-center01 p{ font-size: 16px; color: #333333; line-height: 2; text-align: justify; text-indent:2em}
.ProductI-left label{ font-size: 14px; color: #333333;}
.ProductI-left select{ width: 260px;}
.TabContent01{ background: url(./assets/indexing/PI-right-bg.png) repeat; padding: 8px;}
.HI-win-p p{ font-size: 16px; color: #333333; text-align: left; height: 35px; line-height: 35px; margin-top: 5px; width: 100%;}
.hi-table-tr-active{ background: #a9c1ce !important;}

/********************************************************* internal ************************************************/



/********************************************************* keyword ************************************************/
.treeview .list-group-item{height: 35px;line-height: 35px;padding: 0px 0px 0px 15px;}
.list-group-item{background: none;border: none;}
.node-tree:not(.node-disabled):hover{background-color: #99B4C4 !important;}
.node-selected{background-color: #99B4C4 !important;color: black !important;}
.contentArea_leftDiv{width: 250px;height: 100%;box-shadow: 0px 8px 8px #3A5C6D; -ms-overflow-style:none;/*火狐下隐藏滚动条*/overflow:-moz-scrollbars-none;}
/* .tab-content{box-shadow: 0px 15px 8px #3A5C6D;} */
.tableSet_leftDiv{width: 100%;background: #F2F2F2;padding: 3px;}
.tableSet_div_title{height: 35px;line-height: 35px;width: 100%;background: #5F92AD;padding-left: 13px;color: #FFFFFF;font-size: 14px;font-weight: bold;}
.tableSet_ui{height: calc(100% - 85px);font-size: 14px;padding: 0px 0px 0px 0px;overflow: auto;}
.tableSet_li{height: 35px;line-height: 35px;padding-left: 11px;border-left: 4px solid transparent !important;width: 100%;text-align: left !important;float: left;}
.tableSet_li:hover{cursor: default;border-left: 4px solid #749AB2 !important ;text-decoration: initial;color: initial;}
/* background: #99B4C4; */
.tableSet_li_selected{background-color: #99B4C4 !important;cursor: default;border-left: 4px solid #749AB2 !important; color: #fff !important;font-weight: 600;}
.tableSet_li_icon{margin: 0px 8px 3px 0px;}
.tableSet_rightDiv{width: 50%;background: #D0DDE4;padding: 3px 2px 2px 3px;}
.tableSet_tree{height: calc(100% - 38px);font-size: 14px;padding: 5px 0px 5px 0px;}
.contentArea_rightDiv{width: calc(100% - 265px);height: 100%;margin-left: 15px;position: relative;}
.contentArea_rightDiv-bg{background: #f7f7f7;padding: 20px;}
.treeview span.icon{margin-right: 4px !important;}
.myTxtTab{ width: 100%; height: 30px; padding:0px 15px; box-sizing: border-box;}
.myTxtTab li{ margin: 0px 4px;}
.myTxtTab li a{ position: relative; display: inline-block; height: 30px; line-height: 30px;  padding: 0px 45px; background: #a9c0cc; color: #333; font-size: 14px; cursor: pointer; text-decoration:none; border-radius: 5px 5px 0 0;}
.myTxtTab li .active{ background: url(./assets/indexing/tabBg01.png) repeat-x; color: #333;font-weight: bold;}
.tab-content{height: calc(100% - 30px);}
.tab-content-height{height: 100%;}
.contentBg{ width: 100%; height: 100%; padding: 20px; background: url(./assets/indexing/centerBg.png) repeat;}
.btn-search{padding: 0px 20px;}
.btn-info{padding: 0px 20px;}
.pagination{padding-right: 0px;}
.stateGreen{color: #32b16c;}
.stateRed{color: #f20f0f;}
.stateYellow{color: #f2ae2e;}
.input_div{margin-bottom: 10px;font-size: 14px;}
.input_title{width: 100px;text-align: right;}
.textarea_title{width: 100px;height: 170px;vertical-align: middle;text-align: right;display: inline-block;padding-top: 16px;}
.input_inputStyle{width: 465px;height: 30px;border: 1px solid #6098B5;border-radius: 5px;padding: 0px 8px;}
.textarea_textareaStyle{width: 465px;height: 170px;border: 1px solid #6098B5;border-radius: 5px;line-height: initial;padding: 5px 8px;vertical-align: middle;resize: none;}
.tableOperationText{color: #518199;cursor: pointer;text-decoration:underline;margin-right: 20px;}
#previews p{color: #fff;}
/********************************************************* keyword ************************************************/

/********************************************************* synonym ************************************************/
.contentArea_leftDiv{width: 250px;height: 100%;background-color: #F7F7F7;box-shadow: 0px 15px 8px #3A5C6D;}
.pagination{padding-right: 0px;}
.btn-info{padding: 0px 20px;}
.searchDiv{padding: 10px;}
input.mat-input-element{margin-top: 0px;}
.btn-search{padding: 0 18px;margin-right: 0px;}
.synonymDiv{overflow: auto;width: 85%;}
.synonymDiv::-webkit-scrollbar{display: none;}
.letterDiv{overflow: auto;width: 15%;padding-top: 5px;}
.letterDiv::-webkit-scrollbar{display: none;}
.letterStyle{height: 15px;line-height: 15px;text-align: center;margin-bottom: 20px;cursor: pointer;}
.synonymContent{height: calc(100% - 50px);width:100%;}
.synonymBar{height: auto;}
.synonymBar-title{height: 25px;line-height: 25px;background: #afcad9;color: #FFFFFF;padding-left: 15px;}
.synonymBar-content{padding: 10px 0px;}
.synonymBar-contentLi{height: 25px;line-height: 25px;padding-left: 15px;font-size: 14px;}
.stateGreen{color: #32b16c;}
.stateRed{color: #f20f0f;}

.ng2-smart-title .ng2-smart-sort-link{color: #fff; pointer-events: none; cursor: default;}
.ng2-smart-filters th{ background-color:#FAFAFA;}
.ng2-smart-filters th a{font-size: 14px;}
.form-control{height:30px;border: 1px solid #6098B5;border-radius: 5px;}
select.form-control,
.input-group .form-control{border: 1px solid #648693;}
.tableStyle-new thead tr { background: #fff !important;color: #fff;height: 35px !important;}
.tableStyle-new thead .ng2-smart-titles th{
    background-color:#5f92ad;
}

/********************************************************* synonym ************************************************/


/********************************************************* login ************************************************/
.BodyBg{width: 100%;height: 100%;background: url(./assets/loginIcon/bg.png) no-repeat center;display: table;}
.loginBox{width: 100%;height: 100%;background: url(./assets/loginIcon/500983575.png) no-repeat center;display: table-cell;vertical-align: middle;}
.bookBox{width: 870px;height: 550px;background: url(./assets/loginIcon/book.png) no-repeat center;background-size: 100%;margin: 20px auto 0px auto;}
.bookBox-left{width: 393px;height: 550px;background: url(./assets/loginIcon/layer2.png) no-repeat center;background-size: 100%;position: relative;top: -4px;left: 41px;}
.bookTitle-box{width: 323px;height: 120px;background: url(./assets/loginIcon/20180914145110.png) no-repeat center;background-size: 100%;position: relative;top: 190px;left: 37px;}
.bookBox-right{width: 335px;height: auto;position: relative;top: -420px;left: 464px;}
.loginTitle{width: 86px;height: 25px;margin: 0 auto;background: url(./assets/loginIcon/adminLogin.png) no-repeat center;background-size: 100%;}
.hrStyle{margin-top: 10px;margin-bottom: 25px;}
.formDiv{margin-top: 15px;}
.formDiv-title{text-align: right;line-height: 35px;font-size: 16px;}
.formDiv-input{height: 35px;border: 1px solid #497990;background: #FFFFFF;border-radius: 5px;padding-left: 10px;}
.vCodeDiv{padding: 0px 0px 0px 5px;}
.vCodeDiv img {width: 100%; height: 100%;background: #ffffff;border: 1px solid rgba(0, 0, 0, 0.15);}
.vCodeImg{width: 100%;height: 100%;background: url(./assets/loginIcon/vCode.png) no-repeat center;background-size: 100%;}
.loginBtn{height: 35px;background: #497990;border: 1px solid #497990;border-radius: 5px;font-size: 18px;color: #FFFFFF;cursor: pointer;}
.logoIcon{width: 250px;height: 50px;background: url(./assets/loginIcon/logo.png) no-repeat center;position: absolute;    top: 170px;padding-left: 30px;}
/********************************************************* login ************************************************/

/* updata */
a{color: #333;}
a:hover{text-decoration: none;color: initial;}
:focus {outline: -webkit-focus-ring-color auto 0px;}
body .ui-treetable tbody td{padding: 0px 8px;}
.ui-treetable .ui-treetable-toggler{position: relative;overflow: hidden;}
.pi-chevron-right:before{content: ''; width: 7px; height: 10px; background: url(./assets/indexing/open.png) no-repeat;position: absolute;top: 4px;left: 2px;}
.pi-chevron-down:before{content: ''; width: 10px; height: 7px; background: url(./assets/indexing/open_file.png) no-repeat;position: absolute;top: 4px;left: 2px;}
.page-link:focus{box-shadow: 0 0 0 0}
.page-link:hover{color: #333;}
body .ui-widget-content{border: none;width: auto;background: transparent;}
body .ui-tree .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight{
    padding: 0px 8px;
}
.dropdown-toggle:after{
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transition: all ease-out .3s;
}
.dropdown-toggle.active:after{
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.dropdown-toggle.collapsed:after{
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    
}
.mat-fab.mat-primary, .mat-flat-button.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary{
    background-color: transparent;
}
.mat-raised-button{
    border-radius: 0px;
}
.mat-raised-button:not([class*=mat-elevation-z]){
    box-shadow:none !important;
}
.mat-fab, .mat-flat-button, .mat-mini-fab, .mat-raised-button{
    background-color: transparent;
}
.ui-toast-message-success .ui-toast-message-content{
    background: #5f91ad;
}
.ui-toast-message-error .ui-toast-message-content{
    background: #df5554;
}
.ui-toast .ui-toast-close-icon,
.pi-check:before,
.ui-toast-detail,
.pi-times:before{
    color: #f9f9f9;
}
.ui-toast .ui-toast-summary{
    padding: 0 0 0.3em 0;
}
/* update end */

/* home */
.home{padding: 15px 10px;height: calc(100% - 135px);}
.home .home-top{width: 100%;overflow: hidden;   margin-bottom: 10px;}
.home .home-top .col-lg-4{float: left;padding-right: 10px;}
.home .home-top .col-lg-4:last-child{padding-right: 0px;}
.home .home-top .lump{
    height: 161px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(121, 121, 121, 1);
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    width: 100%;
    padding:15px 10px;
}
.home .home-top .lump h6{font-weight: 700;margin-bottom: 0px;}
.home .home-top .lump .count{height: calc(100% - 43px);display: flex;}
.home .home-top .lump .count .amount{margin: auto;font-size: 36px;font-weight: 700;}
.home .home-top .lump .count .amount p{margin: auto;}
.home .home-top .lump .count.two-count{height: calc(100% - 19px);}
.home .home-top .lump .count.two-count .amount {font-size: 24px;}
.home .home-top .lump .count.two-count .amount .amount-small{
    font-weight: 400;
    font-size: 1rem;
    line-height: 1rem;
    display: block;
    float: right;
    line-height: 35px;
    margin-left: 15px;
}
.home .home-bottom{
    width: 100%;
    position: relative;
    padding: 10px;
    height: calc(100% - 110px);
    background-color: rgba(255, 255, 255, 1);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.349019607843137);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.349019607843137);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.349019607843137);
}
.home .home-bottom .right-plate{
    right: 10px;
    left: 10px;
    bottom: 15px;
    height: calc(100% - 120px);
    top: 50px;
}
.span_left_search{line-height: 30px;}
.home .home-bottom .info-bottom{bottom: 10px;right: 10px;left: 10px;}
a.closes{
    background: #375666;
    padding: 0px 10px;
    display: flex;
    cursor: pointer;
    border-radius: 5px 5px 0px 0px;
    min-width: auto;
    margin-left: 5px;
}
a.closes .mat-button-wrapper{
    display: flex;
    line-height: 26px;
    color: #5d8fa8;
}
a.closes img{
    width: 15px;
    height: 15px;
    margin: auto;
    margin-left: 5px;
}
.red {
    color: #ed3d37!important;
}
.form-control {
    height: 30px;
    padding: 2px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control:focus{
    box-shadow:none;
}
.modal-dialog .form-group label {
    line-height: 30px;
}
.form-group .required {
    position: absolute;
    right: -10px;
    top: 0px;
    margin-bottom: 0px;
}
.modal-dialog .form-group {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    display: flex;
}
.modal-lg-f .modal-body {
    display: flex;
}
.modal-dialog .btn-default{
    border: 1px solid #8ea7b4;
}
.error {
    color: #ed3d37;
    font-size: 13px;
    margin-top: 3px;
    letter-spacing: .5px;
}
.roleby-frame {
    overflow: hidden;
    padding: 0;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 500px;
}
.roleby-frame .left, .roleby-frame .right {
    position: relative;
    border-radius: 0;
    margin: 1px;
}
.user-roleby-table{
    width: 530px;
}
.modal-lg-roleby .modal-body{
    padding: 15px;
}
.roleby-frame .center .binding-unbound {
    text-align: center;
    margin: auto;
    width: 32px;
}
.roleby-frame .center button {
    height: 32px;
    width: 32px;
    padding: 0;
}
.roleby-frame .center {
    width: 44px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
}
.roleby-frame-header {
    overflow: hidden;
    padding: 3px 0 3px 0;
    width: 100%;
    height: 42px;
}
.modal-lg-roleby .table-body {
    height: 360px;
    background: #fff;
    overflow-y: auto;
}
.roleby-frame .left .table-header, .roleby-frame .right .table-header {
    background: #ecf0f3;
    position: relative;
    background-image: linear-gradient(180deg,#e8e8e8,#fdfdfd);
    border-bottom: 1px solid #9cacb2;
}

.roleby-frame .left .info-bottom, .roleby-frame .right .info-bottom {
    position: relative;
    width: 100%;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    background: #fff;
    padding: 0px 5px;
    margin-top: 1px;
}
.btns-group{width: 100%;overflow: hidden;padding-top: 10px;}
.roleby-frame .pagination{margin: 10px 0px;}
.modal-dialog .form-group label.control-label{width: 110px;max-width: 110px;}
/* home end */
.tab-pane{height: 100%;}
.toast-z-index{position: absolute;z-index: 99999999;}
button:focus{outline:none;}
.ui-inputtext.ng-dirty.ng-invalid, p-dropdown.ng-dirty.ng-invalid > .ui-dropdown, p-autocomplete.ng-dirty.ng-invalid > .ui-autocomplete > .ui-inputtext, p-calendar.ng-dirty.ng-invalid > .ui-calendar > .ui-inputtext, p-chips.ng-dirty.ng-invalid > .ui-inputtext, p-inputmask.ng-dirty.ng-invalid > .ui-inputtext, p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box, p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box, p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch, p-listbox.ng-dirty.ng-invalid .ui-inputtext, p-multiselect.ng-dirty.ng-invalid > .ui-multiselect, p-spinner.ng-dirty.ng-invalid > .ui-inputtext, p-selectbutton.ng-dirty.ng-invalid .ui-button, p-togglebutton.ng-dirty.ng-invalid .ui-button{
    border-color: #f44336;
}
 
.ui-inputtext.ng-dirty.ng-valid{
    border-color: #497990;
}
body .ui-inputtext{
    box-shadow: 0 0 30px 30px #fff inset;
    width: 100%;
    padding: 0px 10px;
}
.ui-inputtext.ng-dirty.ng-valid{
    box-shadow: 0 0 30px 30px #fff inset;
}

.ui-float-label>label{
    left: 10px;
}
.alert-danger{
    margin-left: 25% !important;
    padding: 0px 10px !important;
}
.bookBox-right .formDiv{
    margin-top: 20px;
}
 .btn.loginBtn{
     margin-left: 25% !important;
 } 
.ui-password-panel{
    background: #497990 !important;
}
.ui-password-meter{
    text-align: center !important;
}
.ui-password-info{
    text-align: center !important;
}
/* update end */

/*树状图*/
.has-tree.right-full {
	left: 545px !important;
}
.has-tree.right-off{
    left: 280px !important;
}

.has-tree.right-off{
    left: 280px !important;
}

.contentBox.right-off{
    position: absolute;
    margin-left: -15px;
    margin-top: -15px;
}

.contentBox1.right-off .info-bottom{
    position: inherit;
}
.contentArea_rightDiv1.right-full .info-bottom{
    position: inherit;
}

.contentBox_project.right-off .info-bottom{
    position: inherit;
}
.contentArea_rightDiv_project.right-full .info-bottom{
    position: inherit;
}

.contentArea_rightDiv_template_attribute.right-full .info-bottom{
    position: inherit;
}
.contentBox .shrink-from{
    z-index: 1000; 
}

.contentBox_theme_attribute.right-off .info-bottom{
    position: absolute;
}
.contentArea_rightDiv_theme_attribute.right-full .info-bottom{
    position: absolute;
}

#div-product-pagin .info-bottom{
    bottom: -10px;
}

#internalIndexingContent .info-bottom{
    position: inherit;
}

#settingProduct .info-bottom{
    margin-left: 15px;
    margin-right: 15px;
}

.tree-contain {
	position: fixed;
	width: 250px;
	left: 280px;
	top: 150px;
	bottom: 15px;
	background: #fff;
	z-index: 5;
}
.tree-contain .tree-contain-padding{
	margin: 5px;
	height: calc(100% - 10px);
	padding-bottom: 10px;
	background: #ECF0F3;
	box-shadow: 1px 1px 3px 0px #888;
}
.tree-contain .tree-contain-padding .tree-box{
		padding: 10px 10px 15px 5px;
		height: calc(100% - 37px);
		overflow: auto;
}
.tree-contain .tree-contain-padding .tree-box h4{
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #ccc;
}
.has-tree .container-fluid{
    height: auto;
    top:60px;
}
.has-tree.has-tree-0 .container-fluid{
	left: 0px;
}
.has-tree.has-tree-0 .info-center{
	margin-left: 5px;
}
.has-tree.right-product.has-tree-0  .contain{
    width: calc(100% - 10px);
}
.has-tree.right-product.has-tree-0 .button-group{
	padding-left: 5px;
}
.has-tree.right-product .contain{
	border-radius: 0px;
	overflow: initial;
	box-shadow: none;
	height: calc(100% - 60px);
    position: absolute;
    width: calc(100% - 40px);
    top: 0px;
}
.has-tree.right-product .contain.periodical{
	height: calc(100% - 177px);
	top:110px;
}
.has-tree.right-product .button-group{
	box-shadow: none;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 12px;
    padding-top: 20px;
}
.has-tree .info-center{
	box-shadow: none;
    overflow: initial;
    border: 1px solid rgba(0,0,0,0.1);
}
.has-tree .table-main{
	position: absolute;
    width: 100%;
    bottom: 0px;
    top: 0px;
    box-shadow: 0px 0px 5px 1px #999;
}
.has-tree  .info-bottom table{
	bottom: 10px;
	
}
.breadcrumb{
    background: #5F92AD;
    color: #fff;
    height: 35px;
    line-height: 35px;
    padding: 0px 0px 0px 13px;
    border-radius: 0px;
    margin-bottom: 0px;
}
.tree-box .mogami {
    margin: 0 0 0 5px;
    font-weight: 600;
}
.mogami.active span {
    border-radius: 3px;
    color: #fff;
    background-color: #799fb2;
    padding: 2px 5px;
    font-size: 14px;
}
.search-width {
    width: 350px;
}

.themeSearch.closes {
    height: 0px;
    display: none;
}
.themeSearch.opens {
    height: 35px;
    display: block;
}
.themeSearch{
    overflow: hidden;
    width: 100%;
}

.sers.closes {
    height: 0;
}
.sers.opens {
    height: 100%;
}
.sers{
    padding: 10px 0px;
    overflow: hidden;
    width: 100%;
}
.sers input{width: auto;}
.sers .form-span{
    line-height: 30px;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}
.modal-content{
    background: transparent;
}
.chk label{
    color: rgba(255,255,255,0.4);
    margin-left: 3px;
}
.chk input:checked+ label{
    color: rgba(255,255,250,1);
}
#permission .modal-body{
    background: #518199;
    margin-top: 1px;
    padding: 15px 20px;
}
#permission .modal-footer{
    background: #518199;
    margin-top: 1px;
}

.radiogroup .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border: 1px solid #fff;
    background-color: #fff;
    color: #fff;
    box-shadow: 1px 1px 1px 0 #ccc;
}
.radiogroup .radio-p .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
    position: absolute;
    top: auto;
    right: auto;
    width: 12px;
    height: 12px;
    background: #618497;
    border-radius: 50%;
    left: 2px;
    top: 2px;
    margin: 0;
    box-shadow: 0 0 5px 0 #618497;
}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon.fa-circle {
    color: #fff;
}
.hide{
    display: none;
}
.user-myTxtTab{
    position: absolute;left: 285px;top: 150px;width: auto;
}
.public-tab-user .myTxtTab{}
.right-product-user{top: 180px;}
.public-tab-user.right-off .myTxtTab{
    left: 20px;
}
.public-tab-user.right-full .myTxtTab{
    left: 285px;
}

.public-tab-user.public-tab-user-effect.right-off .myTxtTab{
    left: 285px;
}
.public-tab-user.public-tab-user-effect.right-full .myTxtTab{
    left: 550px;
}
.form-control:disabled,
.input_inputStyle:disabled,
.textarea_textareaStyle:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
    border: 1px solid #6098b5;
    border-radius: 4px;
}


/* tree */
body .ui-tree{width: 100%;margin-bottom:20px;}
body .ui-tree .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight{    background-color: #799FB2; }
body .ui-tree .ui-treenode .ui-treenode-content .ui-treenode-label{padding: 0px 8px 0px 5px;}
body .ui-tree .ui-treenode .ui-treenode-content .ui-treenode-icon{margin: 0px;visibility: hidden;width: 0px;height: 0px;}
body .ui-widget-content{border: none;}
body .checkbox-tree .ui-widget-content{background: transparent;}
body .ui-tree .ui-treenode .ui-treenode-content .ui-tree-toggler{margin-top: 0px;}
.fa-caret-down:before,
.fa-caret-right:before{content: '';} 
.ui-widget, .ui-widget * {box-sizing: border-box;font-size: 15px;}
.ui-tree .ui-treenode.ui-treenode-leaf>.ui-treenode-content>.ui-tree-toggler{visibility: visible;}
.ui-tree .ui-tree-container{padding: 5px 0px;overflow: visible;}
body .ui-tree .ui-treenode .ui-treenode-content .ui-tree-toggler.fa-caret-right{background: url(./assets/tree/down.png)no-repeat center;height: 21px;}
body .ui-tree .ui-treenode .ui-treenode-content .ui-tree-toggler.fa-caret-down,
.ui-tree .ui-treenode.ui-treenode-leaf>.ui-treenode-content>.ui-tree-toggler.fa-caret-right{background: url(./assets/tree/up.png)no-repeat center;height: 21px;}
/* tree end */

/*ztree-fa*/
.ztree-fa .ztree li span.button.roots_close,
.ztree-fa .ztree li span.button.center_close,
.ztree-fa .ztree li span.button.bottom_close{background: url(./assets/tree/down.png)no-repeat center;}
.ztree-fa .ztree li span.button.roots_open,
.ztree-fa .ztree li span.button.center_open,
.ztree-fa .ztree li span.button.bottom_open,
#tree_30_switch,
.ztree-fa .ztree li ul li ul li .center_docu,
.ztree li span.button.bottom_docu{background: url(./assets/tree/up.png)no-repeat center;}
.ztree-fa .ztree{width: 100% !important;    background: #648692;margin-bottom: 15px;}
.ztree-fa .ztree li a{min-height: 22px; height: auto;color: #fff;}
.ztree-fa .ztree li span.button{margin-top: 2px;}
.ztree-fa input[type=checkbox], input[type=radio]{    margin: 0px 0px 0 0px;}
.ztree-fa .ztree li a span:first-child.button{width: 0px;}
/* .ztree li ul li:last-child span:first-child{width: 0px;} */
.ztree-fa .ztree li span{font-size: 14px;float: left;line-height: 22px;}
.ztree-fa .ztree li .min-span{font-size: 12px;margin: 0px;}
.ztree-fa  .modal-body{padding-top: 15px;     padding-bottom: 0px;}
.ztree-fa  .modal-body form{overflow-x: auto;}
.ztree-fa .modal-body{ overflow-y: hidden; max-height: initial;padding: 15px 15px 0px 15px;}
.ztree-fa .modal-body .modal-footer{
    border: none;
    width: 100%;
}
.ztree-fa .modal-body .btn-group{padding-bottom: 5px;width: 100%;}
.ztree-fa .modal-body .btn-group a{    line-height: 34px;padding-left:10px;color: #507e94; }
.ztree-fa .modal-body .btn-group .btn:nth-child(2){border-bottom-right-radius: 4px !important;border-top-right-radius: 4px !important;}
.ztree-fa .ztree{height: 600px;overflow: auto;;border-radius: 4px;overflow-x: hidden !important;margin-top: 10px;}
body #roleLimitTree #tree-container {
    background: #507e94;
    border-radius: 5px;
    margin-top: 10px;
}
body #roleLimitTree
/* border: 1px dashed #cacbcb */
.ztree li a:hover{text-decoration: initial;}
.ztree-fa .modal-lg{max-width: 1200px;width: 1200px;}
.ztree-fa .ztree li span.pice{float: left;margin-right: 5px;margin-top: 5px;min-width: 99px;}
.ztree-fa .ztree li span.pice input,
.ztree-fa .ztree li span.pice lable.permiss{float: left;}
.ztree-fa .ztree li span.pice input{margin-right: 1px;}
.ztree-fa .ztree li span.pice lable.permiss{line-height: 1.2;color:rgba(255,255,255,0.5);}
.ztree-fa .ztree li.level0 a.level0 .node_name{width: 56px;margin-right: 10px;}
.ztree-fa .ztree li.level0 ul.level0 li.level1 a.level1 .node_name{width: 85px;margin-right: 10px;}
.ztree-fa .ztree li.level0 ul.level0 li.level1 a.level1 ul.level1 li.level2 a.level2 .node_name{width: 100px;}
#form1 .modal-footer{padding: 0px 0px 15px;}
.ztree li a.curSelectedNode{border: none;background: transparent;    padding-top: 1px;opacity: 1;}
.ztree-fa .ztree li a span:nth-child(2){width: 100px;}
.ztree-fa .ztree li#tree_26 ul#tree_26_ul li#tree_27 ul#tree_27_ul li#tree_28{margin-bottom: 22px;}
.ztree-fa .ztree li span.pice input:checked + lable.permiss{color: #fff;}
#tree_28_a{width: 1106px;}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.ztree-fa .modal-body .btn-group .btn:nth-child(2) {
    border-bottom-right-radius: 4px!important;
    border-top-right-radius: 4px!important;
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
    margin-left: -1px;
}
body #roleLimitTree .ui-tree .ui-treenode-children {
    padding: 0 0 0 21px;
    background: url() 0 0 repeat-y;
    background-position-x: 2px;
}
.ui-tree .ui-treenode-children {
    margin: 0;
    padding: 0 0 0 1em;
}
.ztree-fa .pi-caret-right:before,
.ztree-fa .pi-caret-down:before{
    color: #fff;
}
body #roleLimitTree .ui-tree .ui-treenode .ui-treenode-content .ui-treenode-label .tree-label-right .treeinput {
    float: left;
}
.ztree-fa input[type=checkbox], input[type=radio] {
    margin: 0 0 0 0;
}
body #roleLimitTree .ui-tree .ui-treenode .ui-treenode-children .ui-treenode .ui-corner-all .tree-label {
    min-width: 110px;
    font-size: 14px;
}
.ui-tree .ui-treenode .ui-treenode-content .ui-treenode-label .tree-label {
    min-width: 100px;
    display: block;
    float: left;
    color: #fff;
    margin-right: 0;
    min-height: 26px;
    padding-top: 2px;
}
body #roleLimitTree .ui-tree .ui-treenode .ui-treenode-content .ui-treenode-label .tree-label-right {
    float: left;
    min-width: 100px;
    margin-top: 1px;
}
body #roleLimitTree .ui-tree .ui-treenode .ui-treenode-content .ui-treenode-label .tree-label-right .treeinput:checked+.treelabel {
    color: #fff;
}
body #roleLimitTree .ui-tree .ui-treenode .ui-treenode-content .ui-treenode-label .tree-label-right .treelabel {
    margin-bottom: 0;
    color: hsla(0,0%,100%,.5);
    font-size: 12px;
    float: left;
    font-weight: 400;
}
.tableStyle_thead_tr th { background-color: #5f92ad !important;color: #fff !important;height: 35px !important;font-size: 14px;}
/*ztree-fa end*/

/* 滑动块 */
label.toggle {
    height: 34px;
    position: relative;
    float: left;
    margin-bottom: 0;
}
.toggle input {
    display: none;
}
.toggle.toggle-positive.active .track, .toggle.toggle-positive input:checked+.track {
    border-color: #618497;
    background-color: #618497;
}
.toggle .track {
    transition-timing-function: ease-in-out;
    transition-duration: .2s;
    transition-property: background-color,border;
    display: inline-block;
    box-sizing: border-box;
    width: 95px;
    height: 34px;
    border: 2px solid #e6e6e6;
    border-radius: 20px;
    background-color: #fff;
    content: " ";
    cursor: pointer;
    pointer-events: none;
}
.tit {
    width: calc(100% - 30px);
    float: left;
    text-align: center;
    line-height: 30px;
    color: #fff;
    letter-spacing: 1px;
}
.tit.right {
    float: right;
    color: #989898;
    font-weight: 400;
}
.toggle.active .track .handle, .toggle input:checked+.track .handle {
    -webkit-transform: translate3d(61px,0,0);
    transform: translate3d(61px,0,0);
    background-color: #fff;
}
.toggle .handle {
    transition: .2s cubic-bezier(0,1.1,1,1.1);
    transition-property: background-color,-webkit-transform;
    transition-property: background-color,transform;
    transition-property: background-color,transform,-webkit-transform;
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #fff;
    top: 2px;
    left: 2px;
    box-shadow: 0 2px 7px rgba(0,0,0,.35), 0 1px 1px rgba(0,0,0,.15);
}
.toggle-positive{
    position: relative;
}
/* 滑动块 end */

/* checkbox */
.mat-checkbox .mat-checkbox-inner-container{
    margin-right: 5px;
}
.mat-checkbox-layout{
    margin-bottom: 0px;
}
.mat-checkbox-layout .mat-checkbox-label{
    color: hsla(0,0%,100%,.5);
    transition: all .2s cubic-bezier(.25,.1,.35,1.005);
    font-size: 12px;
}
.mat-checkbox .mat-checkbox-frame{
    border-width: 1px;
    border-color: rgba(255,255,255,.54);
}
.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{
    background: transparent;
}
.mat-checkbox.mat-checkbox-checked .mat-checkbox-layout .mat-checkbox-label{
    color: #fff;
}
/* checkbox end */

/* radio */
.fa-circle:before{display: none;}
.radiogroup{width: 100%;}
.radiogroup .radio-p{margin-right: 10px;}
.radiogroup .radio-p .ui-radiobutton{margin-right: 3px;}
.radiogroup .ui-radiobutton .ui-radiobutton-box{position: relative;box-shadow: 1px 1px 1px 0px #ccc;border: 1px solid rgba(0, 0, 0, 0.1);}
.radiogroup .radio-p .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon{
	position: absolute;
    top: initial;
    right: initial;
    width: 12px;
	height: 12px;
	background: #618497;
    border-radius: 50%;
    left: 2px;
    top: 2px;
	margin: 0px;
	box-shadow: 0px 0px 5px 0px #618497;
}
.radiogroup .radio-p:nth-child(2) .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon{
	background: #fd8fc0;
	box-shadow: 0px 0px 5px 0px #fd8fc0;
}
.radiogroup .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border: 1px solid #fff;
    background-color: #fff;
	color: #ffffff;
	box-shadow: 1px 1px 1px 0px #ccc;
}
.radiogroup .ui-radiobutton-box{width: 18px;height: 18px;}
.radiogroup .ui-radiobutton-label{margin-bottom: 0px;color: #989898;font-weight: normal;}
.radiogroup .radio-p:first-child .ui-radiobutton-label.ui-label-active{color: #618497;}
.radiogroup .radio-p:last-child .ui-radiobutton-label.ui-label-active{color:#fd8fc0;}
.radiogroup .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover{border: 1px solid rgba(0, 0, 0, 0.1);}
/* radio */
.pi-circle-on::before{
    content: '';
}
.modal-lg-fa{
    max-width: 900px !important;
}
.modal-lg-fa .modal-body{
    padding: 20px 20px 0px;
}
.modal-lg-fa .modal-footer{
    width: 100%;
}

/* 日期控件 */
.theme-green .bs-datepicker-head,
.theme-green .bs-datepicker-body table td span.selected, .theme-green .bs-datepicker-body table td.selected span,
.theme-green .bs-datepicker-body table td span[class*="select-"]:after, .theme-green
.bs-datepicker-body table td[class*="select-"] span:after{background-color: #5f92ad;}
.theme-green .bs-datepicker-body table td.week span{color:#458aad; }
.bs-datepicker-body table th{color: #52849d;}

/* 日期控件 end */

/* checkbox */
.checkbox-public .mat-checkbox-checked.mat-accent .mat-checkbox-background, 
.checkbox-public .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{
    background: #5f92ad;
}
.checkbox-public .mat-checkbox .mat-checkbox-frame{border-color: rgba(111,111,111,1);}
/* checkbox end */

select,
select.form-control {
	/*统一边框*/
	/* border: solid 1px #ccc; */
	/*将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	/*替换选择框的最右侧显示小箭头图片*/
	background: url("./assets/old/down.png") no-repeat scroll right center #fff;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 15px;
    padding: 0px 10px;
  }
  /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
  select::-ms-expand,
  select.form-control::-ms-expand { display: none; }

  .keyword_error{
    color: #ed3d37;
    font-size: 13px;
    margin-top: 3px;
    letter-spacing: .5px;
    margin-left: 100px;
}